<template>
  <div id="app">
    <Menu mode="horizontal" :theme="theme1" active-name="1">
      <MenuItem name="git"  to="/git">
        <Icon type="ios-bookmark" />
        git工具
      </MenuItem>
      <MenuItem name="hosts" to="/hosts">
        <Icon type="ios-copy-outline" />
        host管理
      </MenuItem>
      <MenuItem name="json" to="/json">
        <Icon type="ios-copy-outline" />
        Json对象转换
      </MenuItem>
      <MenuItem name="setting" to='/setup'>
        <Icon type="ios-construct" />
        综合设置
      </MenuItem>
    </Menu>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'codehelper',
    data() {
    return {
      theme1: "dark",
    };
  },
  }
</script>

<style>
  /* CSS */
</style>
